---
layout: snippet
title: "List group custom content example"
permalink: /examples/listgroup/custom-content/
sitemap: false
---

<ul class="list-group list-group-flush">
    <li class="list-group-item" aria-disabled="false">
        <div class="d-flex justify-content-between w-100" _bl_32="">
            <h5 class="h5 mb-1" _bl_41="">List group item heading</h5>
            <small _bl_38="">3 days ago</small>
        </div>
        <p class="mb-1">Some placeholder content in a paragraph.</p>
        <small _bl_33="">And some small print.</small>
    </li>
    <li class="list-group-item" aria-disabled="false">
        <div class="d-flex justify-content-between w-100" _bl_34="">
            <h5 class="h5 mb-1" _bl_42="">List group item heading</h5>
            <small class="text-muted" _bl_39="">3 days ago</small>
        </div>
        <p class="mb-1">Some placeholder content in a paragraph.</p>
        <small class="text-muted" _bl_35="">And some muted small print.</small>
    </li>
    <li class="list-group-item" aria-disabled="false">
        <div class="d-flex justify-content-between w-100" _bl_36="">
            <h5 class="h5 mb-1" _bl_43="">List group item heading</h5>
            <small class="text-muted" _bl_40="">3 days ago</small>
        </div>
        <p class="mb-1">Some placeholder content in a paragraph.</p>
        <small class="text-muted" _bl_37="">And some muted small print.</small>
    </li>
</ul>